react-native 版本升级与降级

前言

现在React Native For Android刚刚开源才不久,现在整体功能还不健全完善以及开发中的坑(Bug)还是比较多的 ,以至于到现在还没有正式版本。项目人员正在加紧开发维护,修复Bug,所以现在React Native项目的版本更新速度还是相对来讲是比较快的。在如此现状之下,我们就要及时关注项目官网了,要将React Native往新版本进行更新,这样我们可以去使用更多的APIs,视图Views,以及开发者工具以及其他一些好用的东西。

我们大家都知道一个React Native项目使用Android项目,iOS项目和JavaScript项目三部分进行组成的,而且三者都关联打包在npm包内的,所以该项目版本进行更新是比较繁琐的。下面我来给大家讲解一下React Native项目的升级步骤。

更换React Native版本

查看本地React Native 版本

  • 首先我们需要查看本地的React Native的版本,命令行输入如下命令:
1
react-native --version
  • 进入创建的React Native主目录,然后执行 react-native –version就可以看到react-native-cli和react-native的版本号

查看npm包管理的React Native 版本

  • 通过命令行查看React Native版本
1
npm info react-native

更换版本

打开项目中的package.json文件,找到dependencies字段,把react-native的版本修改为想要更换的版本

切换到项目主目录,执行

1
npm install

如安装成功,查看当前版本

1
react-native --version

更新项目templates

版本不同,构建的项目模板也会发生变化,所以在更新了React Native版本之后,也要及时更新项目模板

1
react-native upgrade

在更新templates的过程中,会进行文件修改检查,选择覆盖还是保留原文件,需要根据实际情况选择是否覆盖,其中有三点原则

  • 如果是新添加的文件,会进行直接创建
  • 如果更新文件与原文件相同,直接忽略跳过
  • 如果更新文件和当前项目文件不同,有冲突情况,会询问开发者选择覆盖还是保留原文件,需要看实际情况

到这里就完成了版本的更换了,在项目根目录运行react-native run-iosreact-native run-android看看有没有问题吧!
另外,在初始化React Native的项目时,如需要指定某个版本,可以输入以下命令,其中–version配置的是版本号

1
react-native init HotCodeGithub --verbose --version 0.40.0

坚持原创技术分享,您的支持将鼓励我继续创作!